
// class headerTop extends HTMLElement {
//     constructor() {
// 		super();
// 		const shadowRoot = this.attachShadow({ mode: 'open' });
// 		shadowRoot.innerHTML = this.template();
// 	}
// 	template() {
// 		return `
// 			<div>
//                 11111
//             </div>
// 		`;
// 	}
// 	// 生命周期：首次被插入文档DOM时
// 	connectedCallback() {
// 		console.log('template element is connected');
// 	}
// 	// 生命周期：从文档DOM中删除时
// 	disconnectedCallback() {
// 		console.log(1111);
// 	}
// 	// 生命周期：被移动到新的文档时
// 	adoptedCallback() {
// 		console.log(22222);
// 	}

// 	// 生命周期：监听属性变化
// 	attributeChangedCallback() {
// 		console.log(3333333);
// 	}

// }

// customElements.define('header-top', headerTop);

var slide = new auiSlide({
    container:document.getElementById("aui-slide"),
    // "width":300,
    "height":143,
    "speed":300,
    "pageShow":true,
    "pageStyle":'dot',
    "loop":true,
    'dotPosition':'center',
    currentPage:currentFun,
    "id": "#aui-slide"
})

function currentFun(index) {
    console.log(index);
}

var slide2 = new auiSlide({
    container:document.getElementById("aui-slide2"),
    // "width":300,
    "height":340,
    "speed":300,
    "autoPlay": 0, //自动播放
    "pageShow":true,
    "loop":true,
    "pageStyle":'line',
    'dotPosition':'center',
    "id": "#aui-slide2"
})
var slide3 = new auiSlide({
    container:document.getElementById("aui-slide3"),
    // "width":300,
    "height":500,
    "speed":500,
    "autoPlay": 0, //自动播放
    "loop":true,
    "pageShow":true,
    "pageStyle":'linefont',
    'dotPosition':'center',
    "title": ['搜地區', '免費物品', '已追隨', '附近'],
    "id": "#aui-slide3"

})

apiready = function(){
    api.parseTapmode();
}
var tab = new auiTab({
    element:document.getElementById("footer")
},function(ret){
    console.log(ret);
    if(ret){
        document.getElementById("demo").textContent = ret.index;
    }
});